<!doctype html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>归档</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <link rel="icon" type="image/png" href="assets/i/favicon.png">
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileColor" content="#0e90d2">
    <link rel="stylesheet" href="http://resource.teemor.xyz/amazeui.css"/>
    <link rel="stylesheet" href="http://resource.teemor.xyz/app.css"/>
    <style type="text/css">
        body{
            background-image: url("http://resource.teemor.xyz/314693.jpg");
            background-attachment: fixed;
            background-size:100%;
        }
        #dock a:link    {}
        #dock a:visited {}
        #dock a:hover   {color:green;background: rgba(0,0,0,0);}
        #dock a:active  {}
    </style>
</head>

<body id="blog-article-sidebar">
<div class="am-g am-g-fixed blog-fixed"  style="width: 100%;border: 0px solid white;border-radius: 2px;margin-top: 0px;">
    <nav class="am-g am-g-fixed blog-fixed blog-nav" style="width: 100%;margin-left: 0px;margin-right: 0px;padding: 0px;">
        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only blog-button" v-on:click="isShow=!isShow,isShowImg(isShow)" style="margin: 0px;width: 100%;background: white;color:black;border: 0px solid" data-am-collapse="{target: '#blog-collapse'}" ><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>
        <div class="am-collapse am-topbar-collapse" id="blog-collapse" style="background: white;font-weight: bold;">
            <ul class="am-nav am-nav-pills am-topbar-nav" id="dock" style="margin: 0">
                <li ><a href="/" style="color: black;font-weight: 100">首页</a></li>
                <li><a href="img.html" style="color: black;font-weight: 100">图片库</a></li>
                <li><a href="timeline.html" style="color: #b2e2fa;font-weight: bold;font-size: 18px">归档</a></li>
                <li><a href="/" style="color: black;font-weight: 100">关于我</a></li>
            </ul>
        </div>
    </nav>
    <img src="	http://resource.teemor.xyz/f61a148c-73ed-40dd-b998-34cb3f997fa0"  id="topImg" style="border: 0px solid white" width="100%;" v-bind:style="{display:showImg}">

</div>
<!-- content srart -->
<div class="am-g am-g-fixed blog-fixed blog-content" id="content" style="background: white;padding-bottom: 100px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;">
    <div class="am-u-sm-12">
        <h1 class="blog-text-center">-- 归档 --</h1>
        <div class="timeline-year" v-for="year in years">
            <h1>{{year.year}}</h1>
            <!--<hr>-->
            <div v-for="month in year.months" style="margin-bottom: 20px">
                <ul>
                    <h3>{{month.month}}月</h3>
                    <!--<hr>-->
                    <li v-for="article in month.blogs" >
                        <span class="am-u-sm-4 am-u-md-2 timeline-span">{{article.bdate}}</span>
                        <span class="am-u-sm-8 am-u-md-6"><a v-bind:href="'article?id='+article.bid">{{article.btitle}}</a></span>
                        <span class="am-u-sm-4 am-u-md-2 am-hide-sm-only"><a v-bind:href="'tags.html?tagId='+article.gid">{{article.gname}}</a></span>
                        <span class="am-u-sm-4 am-u-md-2 am-hide-sm-only">@Teemor</span>
                    </li>
                </ul>
                <!--<hr>-->

            </div>

        </div>
        <hr>
    </div>


</div>
<!-- content end -->

<footer class="blog-footer" style="background-image: url('http://resource.teemor.xyz/30.jpg')">
    <div class="blog-text-center">Copyright © 2015-2019 teemor. 蜀ICP备18022740号 </div>
</footer>


<!--[if (gte IE 9)|!(IE)]><!-->
<script src="http://resource.teemor.xyz/jquery.min.js"></script>

<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="http://resource.teemor.xyz/amazeui.ie8polyfill.min.js"></script>

<script src="http://resource.teemor.xyz/amazeui.min.js"></script>
<!-- <script src="assets/js/app.js"></script> -->
<script type="text/javascript" src="/layui/layui.js"></script>
<script src="http://resource.teemor.xyz/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>
<script src="http://resource.teemor.xyz/timeline.js"></script>
<script type="text/javascript">

    myAxios.get("/getImgPath?name=存档")
        .then(function (rs) {
            if (rs.data!=null && rs.data!="")
                $("#topImg").attr("src",rs.data);
        })
</script>
</body>
</html>